<template>
   <van-cell center :title="name" :label="author+' -'+name"  >
      <template #right-icon>
    <van-icon name="play-circle-o" size=".6rem" @click="playfn" />
  </template>
    </van-cell>
</template>

<script>
export default {
props:{
    name:String ,//歌曲名字
    author:String, //歌手名字
    id:Number   //歌曲id(标记这首歌曲-为将来跳转播放页做准备)
},
methods:{
    playfn(){
        this.$router.push({
            path:"/play",
            query:{
                id:this.id
            }
        })
    }
}
}
</script>

<style>

</style>